<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>123</div>
</body>
<script type="module">
  //错误用法
  //  import { aaaa, b as bbb } from './a.js'
  //   aaaa=100 //报错，aaaa不能被修改
  //   console.log(a, b);//报错a,b找不到，只能用从新命名的名字才可以(aaaa,bbb能用)

  //正确用法
  import { aaaa,b as bbb,we } from './a.js'
  import fn,{tes} from './b.js'
  import * as asd from './index.js'
  console.log(asd,74560);
  setTimeout(() => console.log(aaaa), 1000);
  console.log(aaaa, bbb,we);

  // import * as obj from './a.js'
  // console.log(obj);

  // import {aaaa,b,default as ccc} from './a.js'
  // console.log(aaaa,b,ccc);

  // import ddd, {aaaa,b} from './a.js'
  // console.log(aaaa,b,ddd);
</script>
<script>
  console.log(terd,75623);
</script>
</html>